<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>为什么 height:100%会无效？</title>
<style type="text/css">  
</style>
</head>
<body>
<pre>
对于普通文档流中的元素，百分比高度值要想起作用，其父级必须有一个可以生效的高度值。

原因是如果包含块的高度没有显式指定（即高度由内容决定），并且该元素不是绝对定位，则计算值为auto，因为解释成了auto，
所以无法参与计算。

使用绝对定位的元素会有计算值，即使祖先元素的height计算为auto也是如此。
</pre>
<script type="text/javascript">
</script>
</body>
</html>